.fancybox{
	display: none;
}
.section{
	position: relative;
	overflow: hidden;
}
.section .bg{
	width: 100%;
}


.sec1 .text{
	position: absolute;
	left: 13.542%;
	top: 25.2%;
	width: 27%;
}
.sec1 .text h3{
	font-size: 2.75em;
	color: #000;
	font-weight: bold;
}
.sec1 .text p{
	font-size: 1em;
	color: #666;
	line-height: 1.875;
	margin: 7.9% 0 7.33%;
}
.sec1 .text .btn-box{
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	-moz-display: flex;
	-moz-align-items: flex-start;
	-moz-justify-content: space-between;
	-ms-display: flex;
	-ms-align-items: flex-start;
	-ms-justify-content: space-between;
	-o-display: flex;
	-o-align-items: flex-start;
	-o-justify-content: space-between;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.sec1 .text .btn-box a{
	display: block;
	text-align: center;
	font-size: 1.125em;
	color: #000;
	width: 8.89em;
	height: 3.333em;
	line-height: 3.222em;
	border: 1px solid #000;
	border-radius: 1.665em;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: all;
	-ms-transition-duration: 0.5s;
	-o-transition-property: all;
	-o-transition-duration: 0.5s;
	transition-property: all;
	transition-duration: 0.5s;
}
.sec1 .text .btn-box a:hover{
	background-color: #000;
	color: #fff;
}



.sec2 .text{
	position: absolute;
	left: -50%;
	top: 19.5%;
	width: 26%;
	opacity: 0;
}
.sec2.actived .text{
	left: 13.542%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.sec2 .text h3{
	font-size: 3em;
	color: #222;
	font-weight: bold;
	margin-bottom: 1.875em;
}
.sec2 .text li{
	margin-bottom: 7.35%;
	opacity: 0;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
}
.sec2 .text li:last-child{
	margin-bottom: 0;
}
.sec2.actived .text li:nth-child(1){
	-webkit-animation: textshowver 0.5s linear 1s both;
	-moz-animation: textshowver 0.5s linear 1s both;
	-ms-animation: textshowver 0.5s linear 1s both;
	-o-animation: textshowver 0.5s linear 1s both;
	animation: textshowver 0.5s linear 1s both;
}
.sec2.actived .text li:nth-child(2){
	-webkit-animation: textshowver 0.5s linear 1.25s both;
	-moz-animation: textshowver 0.5s linear 1.25s both;
	-ms-animation: textshowver 0.5s linear 1.25s both;
	-o-animation: textshowver 0.5s linear 1.25s both;
	animation: textshowver 0.5s linear 1.25s both;
}
.sec2.actived .text li:nth-child(3){
	-webkit-animation: textshowver 0.5s linear 1.5s both;
	-moz-animation: textshowver 0.5s linear 1.5s both;
	-ms-animation: textshowver 0.5s linear 1.5s both;
	-o-animation: textshowver 0.5s linear 1.5s both;
	animation: textshowver 0.5s linear 1.5s both;
}
.sec2.actived .text li:nth-child(4){
	-webkit-animation: textshowver 0.5s linear 1.75s both;
	-moz-animation: textshowver 0.5s linear 1.75s both;
	-ms-animation: textshowver 0.5s linear 1.75s both;
	-o-animation: textshowver 0.5s linear 1.75s both;
	animation: textshowver 0.5s linear 1.75s both;
}
.sec2 .text li img{
	vertical-align: top;
	width: 2.875em;
	margin-right: 0.875em;
}
.sec2 .text li .box{
	display: inline-block;
	vertical-align: top;
	width: 87%;
}
.sec2 .text li h5{
	font-size: 1.125em;
	color: #333;
	font-weight: bold;
	margin-bottom: 0.55em;
}
.sec2 .text li p{
	font-size: 1.125em;
	color: #333;
	line-height: 2;
}



.sec3 .bg2{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.sec3 .text{
	position: absolute;
	right: -50%;
	top: 11.813%;
	width: 28%;
	opacity: 0;
}
.sec3.actived .text{
	right: 13.646%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.sec3 .text h5{
	font-size: 3em;
	color: #222;
	font-weight: bold;
	line-height: 1.292;
}
.sec3 .text p{
	font-size: 1.125em;
	color: #333;
	line-height: 2;
	margin: 2.222em 0 2.056em;
}
.sec3 .text img{
	width: 93.275%;	
	opacity: 0;
}
.sec3.actived .text img{
	opacity: 1;
	-webkit-transition: all 1s 1s;
	-moz-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
	-o-transition: all 1s 1s;
	transition: all 1s 1s;
}
.sec3 .box{
	position: absolute;
	left: 0;
	bottom: 9.165%;
	width: 100%;
}
.sec3 .box .inner1{
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	-moz-display: flex;
	-moz-align-items: center;
	-moz-justify-content: space-between;
	-ms-display: flex;
	-ms-align-items: center;
	-ms-justify-content: space-between;
	-o-display: flex;
	-o-align-items: center;
	-o-justify-content: space-between;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sec3 .box .inner1 .table-box{
	text-align: center;
	background-color: #d2d2d2;
	height: 5em;
	border-radius: 2.5em;
	width: 16.875em;
	display: table;
	opacity: 0;
	-webkit-transform: translateX(1em);
	-moz-transform: translateX(1em);
	-ms-transform: translateX(1em);
	-o-transform: translateX(1em);
	transform: translateX(1em);
}
.sec3 .box .inner1 .table-box:hover{
	background-color: #2a71b9;
}
.sec3 .box .inner1 .cell-box{
	display: table-cell;
	vertical-align: middle;
}
.sec3 .box .inner1 .table-box h4{
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 0.6em;
}
.sec3 .box .inner1 .table-box p{
	font-size: 0.875em;
}
.sec3 .box .inner1 .table-box h4,.sec3 .box .inner1 .table-box p{
	color: #333;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sec3 .box .inner1 .table-box:hover h4,.sec3 .box .inner1 .table-box:hover p{
	color: #fff;
}
.sec3 .box .inner1 .tri{
	width: 0.57%;
	opacity: 0;
	-webkit-transform: translateX(1em);
	-moz-transform: translateX(1em);
	-ms-transform: translateX(1em);
	-o-transform: translateX(1em);
	transform: translateX(1em);
}
.sec3.actived .box .inner1 .table-box:nth-child(1){
	-webkit-animation: textshowhor 0.5s linear 2s both;
	-moz-animation: textshowhor 0.5s linear 2s both;
	-ms-animation: textshowhor 0.5s linear 2s both;
	-o-animation: textshowhor 0.5s linear 2s both;
	animation: textshowhor 0.5s linear 2s both;
}
.sec3.actived .box .inner1 .tri:nth-child(2){
	-webkit-animation: textshowhor 0.5s linear 2.25s both;
	-moz-animation: textshowhor 0.5s linear 2.25s both;
	-ms-animation: textshowhor 0.5s linear 2.25s both;
	-o-animation: textshowhor 0.5s linear 2.25s both;
	animation: textshowhor 0.5s linear 2.25s both;
}
.sec3.actived .box .inner1 .table-box:nth-child(3){
	-webkit-animation: textshowhor 0.5s linear 2.5s both;
	-moz-animation: textshowhor 0.5s linear 2.5s both;
	-ms-animation: textshowhor 0.5s linear 2.5s both;
	-o-animation: textshowhor 0.5s linear 2.5s both;
	animation: textshowhor 0.5s linear 2.5s both;
}
.sec3.actived .box .inner1 .tri:nth-child(4){
	-webkit-animation: textshowhor 0.5s linear 2.75s both;
	-moz-animation: textshowhor 0.5s linear 2.75s both;
	-ms-animation: textshowhor 0.5s linear 2.75s both;
	-o-animation: textshowhor 0.5s linear 2.75s both;
	animation: textshowhor 0.5s linear 2.75s both;
}
.sec3.actived .box .inner1 .table-box:nth-child(5){
	-webkit-animation: textshowhor 0.5s linear 3s both;
	-moz-animation: textshowhor 0.5s linear 3s both;
	-ms-animation: textshowhor 0.5s linear 3s both;
	-o-animation: textshowhor 0.5s linear 3s both;
	animation: textshowhor 0.5s linear 3s both;
}
.sec3.actived .box .inner1 .tri:nth-child(6){
	-webkit-animation: textshowhor 0.5s linear 3.25s both;
	-moz-animation: textshowhor 0.5s linear 3.25s both;
	-ms-animation: textshowhor 0.5s linear 3.25s both;
	-o-animation: textshowhor 0.5s linear 3.25s both;
	animation: textshowhor 0.5s linear 3.25s both;
}
.sec3.actived .box .inner1 .table-box:nth-child(7){
	-webkit-animation: textshowhor 0.5s linear 3.5s both;
	-moz-animation: textshowhor 0.5s linear 3.5s both;
	-ms-animation: textshowhor 0.5s linear 3.5s both;
	-o-animation: textshowhor 0.5s linear 3.5s both;
	animation: textshowhor 0.5s linear 3.5s both;
}
.sec3 .cir-box{
	position: absolute;
	left: 11.3%;
	top: 48%;
	width: 42.8125%;
}
.sec3 .cir-box img{
	width: 100%;
}
.sec3 .cir-box .cir{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #156caa;
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	transform: scale(0,0);
	opacity: 0.5;
	-webkit-animation: sec3cirani 4s linear infinite both;
	-moz-animation: sec3cirani 4s linear infinite both;
	-ms-animation: sec3cirani 4s linear infinite both;
	-o-animation: sec3cirani 4s linear infinite both;
	animation: sec3cirani 4s linear infinite both;
}
.sec3 .cir-box .cir:nth-child(2){
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}
.sec3 .cir-box .cir:nth-child(3){
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s;
}
.sec3 .cir-box .cir:nth-child(4){
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-ms-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s;
}
@keyframes sec3cirani {
	100%{
		opacity: 0;
		transform: scale(1.85,1.85);
	}
}
@-webkit-keyframes sec3cirani {
	100%{
		opacity: 0;
		-webkit-transform: scale(1.85,1.85);
	}
}
@-moz-keyframes sec3cirani {
	100%{
		opacity: 0;
		-moz-transform: scale(1.85,1.85);
	}
}
@-ms-keyframes sec3cirani {
	100%{
		opacity: 0;
		-ms-transform: scale(1.85,1.85);
	}
}
@-o-keyframes sec3cirani {
	100%{
		opacity: 0;
		-o-transform: scale(1.85,1.85);
	}
}






.sec4{
	padding: 4.95% 0 6.04%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	background-image: url(../images/info_sec4_bg_web.jpg);
}
.sec4 h3{
	font-size: 3em;
	color: #000;
	font-weight: bold;
	text-align: center;
	margin-bottom: 4.79%;
}
.sec4 li{
	display: inline-block;
	vertical-align: top;
	height: 8.75em;
	line-height: 8.75em;
	margin-bottom: 1.286%;
	width: 48.57%;
	background-color: #fff;
}
.sec4 li:nth-child(odd){
	margin-right: 2.86%;
}
.sec4 li:hover{
	background-color: #2a71b9;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sec4 li img{
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	vertical-align: middle;
	width: 7.353%;
	margin-left: 3.82%;
	margin-right: 5.88%;
}
.sec4 li img.icon1{
	background-image: url(../images/info_sec4_icon1.png);
}
.sec4 li img.icon2{
	background-image: url(../images/info_sec4_icon2.png);
}
.sec4 li img.icon3{
	background-image: url(../images/info_sec4_icon3.png);
}
.sec4 li img.icon4{
	background-image: url(../images/info_sec4_icon4.png);
}
.sec4 li img.icon5{
	background-image: url(../images/info_sec4_icon5.png);
}
.sec4 li img.icon6{
	background-image: url(../images/info_sec4_icon6.png);
}
.sec4 li img.icon7{
	background-image: url(../images/info_sec4_icon7.png);
}
.sec4 li img.icon8{
	background-image: url(../images/info_sec4_icon8.png);
}
.sec4 li:hover img{
	background-position: center bottom;
}
.sec4 li p{
	display: inline-block;
	vertical-align: middle;
	font-size: 1em;
	color: #666;
	line-height: 2;
	width: 76%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sec4 li:hover p{
	color: #fff;
}


.sec5 h3{
	text-align: center;
	position: absolute;
	left: 0;
	top: 11.1%;
	width: 100%;
	font-size: 3em;
	color: #fff;
	font-weight: normal;
}
.sec5 .img{
	position: absolute;
	left: 5.417%;
	top: 9.92%;
	width: 44.6875%;
	opacity: 0;
}
.sec5.actived .img{
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.sec5 ul{
	width: 36.46%;
	position: absolute;
	right: 13.542%;
	top: 25.54%;
}
.sec5 li{
	margin-bottom: 4.29%;
	opacity: 0;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}
.sec5 li:last-child{
	margin-bottom: 0;
}
.sec5.actived li:nth-child(1){
	-webkit-animation: textshowhor 0.5s linear 0s both;
	-moz-animation: textshowhor 0.5s linear 0s both;
	-ms-animation: textshowhor 0.5s linear 0s both;
	-o-animation: textshowhor 0.5s linear 0s both;
	animation: textshowhor 0.5s linear 0s both;
}
.sec5.actived li:nth-child(2){
	-webkit-animation: textshowhor 0.5s linear 0.25s both;
	-moz-animation: textshowhor 0.5s linear 0.25s both;
	-ms-animation: textshowhor 0.5s linear 0.25s both;
	-o-animation: textshowhor 0.5s linear 0.25s both;
	animation: textshowhor 0.5s linear 0.25s both;
}
.sec5.actived li:nth-child(3){
	-webkit-animation: textshowhor 0.5s linear 0.5s both;
	-moz-animation: textshowhor 0.5s linear 0.5s both;
	-ms-animation: textshowhor 0.5s linear 0.5s both;
	-o-animation: textshowhor 0.5s linear 0.5s both;
	animation: textshowhor 0.5s linear 0.5s both;
}
.sec5.actived li:nth-child(4){
	-webkit-animation: textshowhor 0.5s linear 0.75s both;
	-moz-animation: textshowhor 0.5s linear 0.75s both;
	-ms-animation: textshowhor 0.5s linear 0.75s both;
	-o-animation: textshowhor 0.5s linear 0.75s both;
	animation: textshowhor 0.5s linear 0.75s both;
}
.sec5.actived li:nth-child(5){
	-webkit-animation: textshowhor 0.5s linear 1s both;
	-moz-animation: textshowhor 0.5s linear 1s both;
	-ms-animation: textshowhor 0.5s linear 1s both;
	-o-animation: textshowhor 0.5s linear 1s both;
	animation: textshowhor 0.5s linear 1s both;
}
.sec5.actived li:nth-child(6){
	-webkit-animation: textshowhor 0.5s linear 1.25s both;
	-moz-animation: textshowhor 0.5s linear 1.25s both;
	-ms-animation: textshowhor 0.5s linear 1.25s both;
	-o-animation: textshowhor 0.5s linear 1.25s both;
	animation: textshowhor 0.5s linear 1.25s both;
}
.sec5 h5{
	font-size: 1.125em;
	color: #fff;
	font-weight: bold;
	margin-bottom: 0.89em;
}
.sec5 p{
	font-size: 1.125em;
	color: #fff;
	line-height: 1.666;
}



.sec6 .inner1{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
.sec6 h3{
	font-size: 3em;
	color: #000;
	text-align: center;
	margin: 8.57% 0 6.43%;
}
.sec6 ul{
	-webkit-display: flex;
	-webkit-align-items: stretch;
	-webkit-justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-display: flex;
	-moz-align-items: stretch;
	-moz-justify-content: space-between;
	-moz-flex-wrap: wrap;
	-ms-display: flex;
	-ms-align-items: stretch;
	-ms-justify-content: space-between;
	-ms-flex-wrap: wrap;
	-o-display: flex;
	-o-align-items: stretch;
	-o-justify-content: space-between;
	-o-flex-wrap: wrap;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sec6 li{
	width: 30%;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 4.21%;
}
.sec6 li.half{
	width: 46.286%;
}
.sec6 h5{
	font-weight: bold;
}
.sec6 h5 b{
	font-size: 2.25em;
	color: #000;
}
.sec6 h5 span{
	font-size: 1.5em;
	color: #2a71b9;
	margin-left: 0.5em;
}
.sec6 p{
	font-size: 1em;
	color: #666;
	line-height: 1.875;
	padding: 1em 0;	
}




.sec7 .img{
	position: absolute;
	right: -50%;
	top: 6.68%;
	width: 39.27%;
	opacity: 0;
}
.sec7.actived .img{
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	right: 11.146%;
}
.sec7 .text{
	text-align: center;
	position: absolute;
	left: -50%;
	top: 27%;
	width: 29.2%;
	opacity: 0;
}
.sec7.actived .text{
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	left: 14.6%;
}
.sec7 .text h3{
	font-size: 3.5em;
	color: #000;
	font-weight: bold;
	margin-bottom: 1.82em;
}
.sec7 li{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin-bottom: 4.625em;
	opacity: 0;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
}
.sec7.actived li:nth-child(1){
	-webkit-animation: textshowver 0.5s linear 1s both;
	-moz-animation: textshowver 0.5s linear 1s both;
	-ms-animation: textshowver 0.5s linear 1s both;
	-o-animation: textshowver 0.5s linear 1s both;
	animation: textshowver 0.5s linear 1s both;
}
.sec7.actived li:nth-child(2){
	-webkit-animation: textshowver 0.5s linear 1.25s both;
	-moz-animation: textshowver 0.5s linear 1.25s both;
	-ms-animation: textshowver 0.5s linear 1.25s both;
	-o-animation: textshowver 0.5s linear 1.25s both;
	animation: textshowver 0.5s linear 1.25s both;
}
.sec7.actived li:nth-child(3){
	-webkit-animation: textshowver 0.5s linear 1.5s both;
	-moz-animation: textshowver 0.5s linear 1.5s both;
	-ms-animation: textshowver 0.5s linear 1.5s both;
	-o-animation: textshowver 0.5s linear 1.5s both;
	animation: textshowver 0.5s linear 1.5s both;
}
.sec7.actived li:nth-child(4){
	-webkit-animation: textshowver 0.5s linear 1.75s both;
	-moz-animation: textshowver 0.5s linear 1.75s both;
	-ms-animation: textshowver 0.5s linear 1.75s both;
	-o-animation: textshowver 0.5s linear 1.75s both;
	animation: textshowver 0.5s linear 1.75s both;
}
.sec7.actived li:nth-child(5){
	-webkit-animation: textshowver 0.5s linear 2s both;
	-moz-animation: textshowver 0.5s linear 2s both;
	-ms-animation: textshowver 0.5s linear 2s both;
	-o-animation: textshowver 0.5s linear 2s both;
	animation: textshowver 0.5s linear 2s both;
}
.sec7.actived li:nth-child(6){
	-webkit-animation: textshowver 0.5s linear 2.25s both;
	-moz-animation: textshowver 0.5s linear 2.25s both;
	-ms-animation: textshowver 0.5s linear 2.25s both;
	-o-animation: textshowver 0.5s linear 2.25s both;
	animation: textshowver 0.5s linear 2.25s both;
}
.sec7.actived li:nth-child(7){
	-webkit-animation: textshowver 0.5s linear 2.5s both;
	-moz-animation: textshowver 0.5s linear 2.5s both;
	-ms-animation: textshowver 0.5s linear 2.5s both;
	-o-animation: textshowver 0.5s linear 2.5s both;
	animation: textshowver 0.5s linear 2.5s both;
}
.sec7.actived li:nth-child(8){
	-webkit-animation: textshowver 0.5s linear 2.75s both;
	-moz-animation: textshowver 0.5s linear 2.75s both;
	-ms-animation: textshowver 0.5s linear 2.75s both;
	-o-animation: textshowver 0.5s linear 2.75s both;
	animation: textshowver 0.5s linear 2.75s both;
}

.sec7 li img{
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	width: 3.25em;
}
.sec7 li img.icon1{
	background-image: url(../images/info_sec7_icon1.png);
}
.sec7 li img.icon2{
	background-image: url(../images/info_sec7_icon2.png);
}
.sec7 li img.icon3{
	background-image: url(../images/info_sec7_icon3.png);
}
.sec7 li img.icon4{
	background-image: url(../images/info_sec7_icon4.png);
}
.sec7 li img.icon5{
	background-image: url(../images/info_sec7_icon5.png);
}
.sec7 li img.icon6{
	background-image: url(../images/info_sec7_icon6.png);
}
.sec7 li img.icon7{
	background-image: url(../images/info_sec7_icon7.png);
}
.sec7 li img.icon8{
	background-image: url(../images/info_sec7_icon8.png);
}
.sec7 li:hover img{
	background-position: center bottom;
}
.sec7 li p{
	margin-top: 1em;
	font-size: 1.375em;
	color: #000;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sec7 li:hover p{
	color: #2a71b9;
}



.sec8 .text{
	text-align: center;
	position: absolute;
	right: -50%;
	top: 25.5%;
	width: 42%;
	opacity: 0;
}
.sec8.actived .text{
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	right: 10%;
}
.sec8 .text h3{
	font-size: 3em;
	color: #000;
	font-weight: bold;
	margin-bottom: 1.333em;
}
.sec8 li{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin-bottom: 3.5em;
	opacity: 0;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
}
.sec8.actived li:nth-child(1){
	-webkit-animation: textshowver 0.5s linear 1s both;
	-moz-animation: textshowver 0.5s linear 1s both;
	-ms-animation: textshowver 0.5s linear 1s both;
	-o-animation: textshowver 0.5s linear 1s both;
	animation: textshowver 0.5s linear 1s both;
}
.sec8.actived li:nth-child(2){
	-webkit-animation: textshowver 0.5s linear 1.25s both;
	-moz-animation: textshowver 0.5s linear 1.25s both;
	-ms-animation: textshowver 0.5s linear 1.25s both;
	-o-animation: textshowver 0.5s linear 1.25s both;
	animation: textshowver 0.5s linear 1.25s both;
}
.sec8.actived li:nth-child(3){
	-webkit-animation: textshowver 0.5s linear 1.5s both;
	-moz-animation: textshowver 0.5s linear 1.5s both;
	-ms-animation: textshowver 0.5s linear 1.5s both;
	-o-animation: textshowver 0.5s linear 1.5s both;
	animation: textshowver 0.5s linear 1.5s both;
}
.sec8.actived li:nth-child(4){
	-webkit-animation: textshowver 0.5s linear 1.75s both;
	-moz-animation: textshowver 0.5s linear 1.75s both;
	-ms-animation: textshowver 0.5s linear 1.75s both;
	-o-animation: textshowver 0.5s linear 1.75s both;
	animation: textshowver 0.5s linear 1.75s both;
}
.sec8.actived li:nth-child(5){
	-webkit-animation: textshowver 0.5s linear 2s both;
	-moz-animation: textshowver 0.5s linear 2s both;
	-ms-animation: textshowver 0.5s linear 2s both;
	-o-animation: textshowver 0.5s linear 2s both;
	animation: textshowver 0.5s linear 2s both;
}
.sec8.actived li:nth-child(6){
	-webkit-animation: textshowver 0.5s linear 2.25s both;
	-moz-animation: textshowver 0.5s linear 2.25s both;
	-ms-animation: textshowver 0.5s linear 2.25s both;
	-o-animation: textshowver 0.5s linear 2.25s both;
	animation: textshowver 0.5s linear 2.25s both;
}
.sec8.actived li:nth-child(7){
	-webkit-animation: textshowver 0.5s linear 2.5s both;
	-moz-animation: textshowver 0.5s linear 2.5s both;
	-ms-animation: textshowver 0.5s linear 2.5s both;
	-o-animation: textshowver 0.5s linear 2.5s both;
	animation: textshowver 0.5s linear 2.5s both;
}
.sec8 li img{
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	width: 2.5em;
}
.sec8 li img.icon1{
	background-image: url(../images/info_sec8_icon1.png);
}
.sec8 li img.icon2{
	background-image: url(../images/info_sec8_icon2.png);
}
.sec8 li img.icon3{
	background-image: url(../images/info_sec8_icon3.png);
}
.sec8 li img.icon4{
	background-image: url(../images/info_sec8_icon4.png);
}
.sec8 li img.icon5{
	background-image: url(../images/info_sec8_icon5.png);
}
.sec8 li img.icon6{
	background-image: url(../images/info_sec8_icon6.png);
}
.sec8 li img.icon7{
	background-image: url(../images/info_sec8_icon7.png);
}
.sec8 li:hover img{
	background-position: center bottom;
}
.sec8 li p{
	margin-top: 1.444em;
	font-size: 1.125em;
	color: #000;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.sec8 li:hover p{
	color: #2a71b9;
}
.sec8 .text .btn-box a{
	margin: 0 1.33em;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	font-size: 1.125em;
	color: #000;
	width: 8.89em;
	height: 3.333em;
	line-height: 3.222em;
	border: 1px solid #000;
	border-radius: 1.665em;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: all;
	-ms-transition-duration: 0.5s;
	-o-transition-property: all;
	-o-transition-duration: 0.5s;
	transition-property: all;
	transition-duration: 0.5s;
	opacity: 0;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
}
.sec8 .text .btn-box a:hover{
	background-color: #000;
	color: #fff;
}
.sec8.actived .text .btn-box a:nth-child(1){
	-webkit-animation: textshowver 0.5s linear 2.75s both;
	-moz-animation: textshowver 0.5s linear 2.75s both;
	-ms-animation: textshowver 0.5s linear 2.75s both;
	-o-animation: textshowver 0.5s linear 2.75s both;
	animation: textshowver 0.5s linear 2.75s both;
}
.sec8.actived .text .btn-box a:nth-child(2){
	-webkit-animation: textshowver 0.5s linear 3s both;
	-moz-animation: textshowver 0.5s linear 3s both;
	-ms-animation: textshowver 0.5s linear 3s both;
	-o-animation: textshowver 0.5s linear 3s both;
	animation: textshowver 0.5s linear 3s both;
}



@keyframes textshowver {
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
@-webkit-keyframes textshowver {
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}
@-moz-keyframes textshowver {
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}
@-ms-keyframes textshowver {
	100% {
		-ms-transform: translateY(0);
		opacity: 1;
	}
}
@-o-keyframes textshowver {
	100% {
		-o-transform: translateY(0);
		opacity: 1;
	}
}



@keyframes textshowhor {
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}
@-webkit-keyframes textshowhor {
	100% {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}
@-moz-keyframes textshowhor {
	100% {
		-moz-transform: translateX(0);
		opacity: 1;
	}
}
@-ms-keyframes textshowhor {
	100% {
		-ms-transform: translateX(0);
		opacity: 1;
	}
}
@-o-keyframes textshowhor {
	100% {
		-o-transform: translateX(0);
		opacity: 1;
	}
}
@media only screen and (max-width:1366px){
	.sec2 .text li .box{
		width: 80%;
	}
}
@media only screen and (max-width:1200px){
	.sec5 ul{
		width: 46.46%;
		right: 3.542%;
		top: 20%;
	}
}
@media only screen and (max-width:1023px){
	
	.sec1 .text{
		left: 4%;
		top: 57.1%;
		width: 92%;
	}
	.sec1 .text h3{
		font-size: 1.375em;
	}
	.sec1 .text p{
		font-size: 0.6875em;
		line-height: 2;
		margin: 5.5% 0 8.4%;
	}
	.sec1 .text .btn-box a{
		font-size: 0.6875em;
		width: 30%;
		height: 2.7272em;
		line-height: 2.6363em;
		border-radius: 1.3636em;
	}



	.sec2 .text{
		left: 4%;
		top: 60%;
		width: 92%;
	}
	.sec2.actived .text{
		left: 4%;
		top: 54.268%;
	}
	.sec2 .text h3{
		font-size: 1.5em;
		margin-bottom: 1.25em;
	}
	.sec2 .text li{
		margin-bottom: 1.3125em;
	}
	.sec2 .text li img{
		width: 1.4375em;
		margin-right: 0.6875em;
	}
	.sec2 .text li .box{
		width: 88%;
	}
	.sec2 .text li h5{
		font-size: 0.6875em;
		margin-bottom: 0.32em;
	}
	.sec2 .text li p{
		font-size: 0.6875em;
		line-height: 1.6364;
	}



	.sec3 .text{
		right: 4%;
		top: 40%;
		width: 92%;
	}
	.sec3.actived .text{
		right: 4%;
		top: 36.7%;
	}
	.sec3 .text h5{
		font-size: 1.5em;
		line-height: 1.25;
	}
	.sec3 .text p{
		font-size: 0.6875em;
		line-height: 1.91;
		margin: 1em 0 1.636em;
	}
	.sec3 .text img{
		width: 100%;
	}
	.sec3 .box{
		bottom: 2.16%;
	}
	.sec3 .box .inner1{
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-ms-justify-content: flex-start;
		-o-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.sec3 .box .inner1 .table-box{
		height: 2.5em;
		border-radius: 1.25em;
		width: 39.42%;
		margin-bottom: 1.9375em;
	}
	.sec3 .box .inner1 .table-box h4{
		font-size: 0.625em;
	}
	.sec3 .box .inner1 .table-box p{
		font-size: 0.4375em;
	}
	.sec3 .box .inner1 .tri{
		width: 1.16%;
		margin: -1.9375em 7.25% 0;
	}
	.sec3 .box .inner1 .tri:nth-child(4){
		margin: -1.9375em 2.17% 0;
	}
	.sec3 .cir-box{
		left: 16.8%;
		top: 15.92%;
		width: 72.8%;
	}




	.sec4{
		padding: 2.75em 0 3.25em;
		background-image: url(../images/info_sec4_bg_mobile.jpg);
	}
	.sec4 h3{
		font-size: 1.5em;
		margin-bottom: 1.375em;
	}
	.sec4 li{
		height: 4.375em;
		line-height: 4.375em;
		margin-bottom: 0.625em;
		width: 100%;
	}
	.sec4 li:nth-child(odd){
		margin-right: 0;
	}
	.sec4 li:last-child{
		margin-bottom: 0;
	}
	.sec4 li img{
		width: 7.25%;
		margin-left: 3.8%;
		margin-right: 5.9%;
	}
	.sec4 li p{
		font-size: 0.6875em;
		line-height: 1.727;
		width: 79%;
	}


	.sec5 h3{
		top: 47.4%;
		font-size: 1.5em;
		text-align: left;
		left: 4%;
		width: 92%;
		opacity: 0;
		-webkit-transform: translateX(20%);
		-moz-transform: translateX(20%);
		-ms-transform: translateX(20%);
		-o-transform: translateX(20%);
		transform: translateX(20%);
	}
	.sec5.actived h3{
		-webkit-animation: textshowhor 0.5s linear 1.5s both;
		-moz-animation: textshowhor 0.5s linear 1.5s both;
		-ms-animation: textshowhor 0.5s linear 1.5s both;
		-o-animation: textshowhor 0.5s linear 1.5s both;
		animation: textshowhor 0.5s linear 1.5s both;
	}
	.sec5 .img{
		left: 2%;
		top: 5%;
		width: 100%;
	}
	.sec5 ul{
		width: 92%;
		right: 4%;
		top: 52.5%;
	}
	.sec5 li{
		margin-bottom: 1.25em;
	}
	.sec5.actived li:nth-child(1){
		-webkit-animation: textshowhor 0.5s linear 1.75s both;
		-moz-animation: textshowhor 0.5s linear 1.75s both;
		-ms-animation: textshowhor 0.5s linear 1.75s both;
		-o-animation: textshowhor 0.5s linear 1.75s both;
		animation: textshowhor 0.5s linear 1.75s both;
	}
	.sec5.actived li:nth-child(2){
		-webkit-animation: textshowhor 0.5s linear 2s both;
		-moz-animation: textshowhor 0.5s linear 2s both;
		-ms-animation: textshowhor 0.5s linear 2s both;
		-o-animation: textshowhor 0.5s linear 2s both;
		animation: textshowhor 0.5s linear 2s both;
	}
	.sec5.actived li:nth-child(3){
		-webkit-animation: textshowhor 0.5s linear 2.25s both;
		-moz-animation: textshowhor 0.5s linear 2.25s both;
		-ms-animation: textshowhor 0.5s linear 2.25s both;
		-o-animation: textshowhor 0.5s linear 2.25s both;
		animation: textshowhor 0.5s linear 2.25s both;
	}
	.sec5.actived li:nth-child(4){
		-webkit-animation: textshowhor 0.5s linear 2.5s both;
		-moz-animation: textshowhor 0.5s linear 2.5s both;
		-ms-animation: textshowhor 0.5s linear 2.5s both;
		-o-animation: textshowhor 0.5s linear 2.5s both;
		animation: textshowhor 0.5s linear 2.5s both;
	}
	.sec5.actived li:nth-child(5){
		-webkit-animation: textshowhor 0.5s linear 2.75s both;
		-moz-animation: textshowhor 0.5s linear 2.75s both;
		-ms-animation: textshowhor 0.5s linear 2.75s both;
		-o-animation: textshowhor 0.5s linear 2.75s both;
		animation: textshowhor 0.5s linear 2.75s both;
	}
	.sec5.actived li:nth-child(6){
		-webkit-animation: textshowhor 0.5s linear 3s both;
		-moz-animation: textshowhor 0.5s linear 3s both;
		-ms-animation: textshowhor 0.5s linear 3s both;
		-o-animation: textshowhor 0.5s linear 3s both;
		animation: textshowhor 0.5s linear 3s both;
	}
	.sec5 h5{
		font-size: 0.6875em;
		margin-bottom: 0.5em;
	}
	.sec5 p{
		font-size: 0.6875em;
		line-height: 1.636;
	}



	.sec6 h3{
		font-size: 1.5em;
		margin: 15.5% 0 6.43%;
	}
	.sec6 ul{
		-webkit-display: flex;
		-moz-display: flex;
		-ms-display: flex;
		-o-display: flex;
		display: flex;
		padding-bottom: 0.6875em;
	}
	.sec6 li{
		width: 100%;
		margin-bottom: 1.25em;
	}
	.sec6 li.half{
		width: 100%;
	}
	.sec6 h5 b{
		font-size: 1.5em;
	}
	.sec6 h5 span{
		font-size: 0.75em;
	}
	.sec6 p{
		font-size: 0.6875em;
		line-height: 1.636;
		padding: 0.91em 0;	
	}




	.sec7 .img{
		right: 1%;
		top: 10%;
		width: 100%;
	}
	.sec7.actived .img{
		right: 1%;
		top: 4%;
	}
	.sec7 .text{
		left: 4%;
		top: 70%;
		width: 92%;
	}
	.sec7.actived .text{
		left: 4%;
		top: 63.165%;
		-webkit-transition-delay: 1.5s;
		-moz-transition-delay: 1.5s;
		-ms-transition-delay: 1.5s;
		-o-transition-delay: 1.5s;
		transition-delay: 1.5s;
	}
	.sec7 .text h3{
		font-size: 1.75em;
		margin-bottom: 1.2em;
	}
	.sec7 li{
		margin-bottom: 2em;
	}
	.sec7 li img{
		width: 1.625em;
	}
	.sec7 li p{
		font-size: 0.875em;
	}



	.sec8 .text{
		right: 4%;
		top: 15%;
		width: 92%;
	}
	.sec8.actived .text{
		right: 4%;
		top: 7.73%;
	}
	.sec8 .text h3{
		font-size: 1.5em;
		margin-bottom: 1.4em;
	}
	.sec8 ul{
		-webkit-display: flex;
		-webkit-align-items: center;
		-webkit-justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-moz-display: flex;
		-moz-align-items: center;
		-moz-justify-content: space-between;
		-moz-flex-wrap: wrap;
		-ms-display: flex;
		-ms-align-items: center;
		-ms-justify-content: space-between;
		-ms-flex-wrap: wrap;
		-o-display: flex;
		-o-align-items: center;
		-o-justify-content: space-between;
		-o-flex-wrap: wrap;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 0.75em;
	}
	.sec8 li{
		width: auto;
		margin-bottom: 1.25em;
	}
	.sec8 li img{
		width: 1.25em;
	}
	.sec8 li p{
		margin-top: 1em;
		font-size: 0.6875em;
	}
	.sec8 .text .btn-box a{
		font-size: 0.6875em;
		margin: 0 1.227em;
		width: 8.318em;
		height: 2.7272em;
		line-height: 2.6363em;
		border-radius: 1.3636em;
	}
}
/*

.sec1 .text{
	position: absolute;
	left: -50%;
	top: 25.2%;
	opacity: 0;
	width: 27%;
}
.sec1.actived .text{
	left: 13.542%;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.sec1 .text h3{
	font-size: 2.75em;
	color: #000;
	font-weight: bold;
}
.sec1 .text p{
	font-size: 1em;
	color: #666;
	line-height: 1.875;
	margin: 7.9% 0 7.33%;
}
.sec1 .text .btn-box{
	-webkit-display: flex;
	-webkit-align-items: flex-start;
	-webkit-justify-content: space-between;
	-moz-display: flex;
	-moz-align-items: flex-start;
	-moz-justify-content: space-between;
	-ms-display: flex;
	-ms-align-items: flex-start;
	-ms-justify-content: space-between;
	-o-display: flex;
	-o-align-items: flex-start;
	-o-justify-content: space-between;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.sec1 .text .btn-box a{
	display: block;
	text-align: center;
	font-size: 1.125em;
	color: #000;
	width: 8.89em;
	height: 3.333em;
	line-height: 3.222em;
	border: 1px solid #000;
	border-radius: 1.665em;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: all;
	-ms-transition-duration: 0.5s;
	-o-transition-property: all;
	-o-transition-duration: 0.5s;
	transition-property: all;
	transition-duration: 0.5s;
	opacity: 0;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
}
.sec1 .text .btn-box a:hover{
	background-color: #000;
	color: #fff;
}
.sec1.actived .text .btn-box a:nth-child(1){
	-webkit-animation: textshowver 0.5s linear 1s both;
	-moz-animation: textshowver 0.5s linear 1s both;
	-ms-animation: textshowver 0.5s linear 1s both;
	-o-animation: textshowver 0.5s linear 1s both;
	animation: textshowver 0.5s linear 1s both;
}
.sec1.actived .text .btn-box a:nth-child(2){
	-webkit-animation: textshowver 0.5s linear 1.25s both;
	-moz-animation: textshowver 0.5s linear 1.25s both;
	-ms-animation: textshowver 0.5s linear 1.25s both;
	-o-animation: textshowver 0.5s linear 1.25s both;
	animation: textshowver 0.5s linear 1.25s both;
}
.sec1.actived .text .btn-box a:nth-child(3){
	-webkit-animation: textshowver 0.5s linear 1.5s both;
	-moz-animation: textshowver 0.5s linear 1.5s both;
	-ms-animation: textshowver 0.5s linear 1.5s both;
	-o-animation: textshowver 0.5s linear 1.5s both;
	animation: textshowver 0.5s linear 1.5s both;
}


	.sec1 .text{
		left: 4%;
		top: 65%;
		width: 92%;
	}
	.sec1.actived .text{
		left: 4%;
		top: 57.1%;
	}
	.sec1 .text h3{
		font-size: 1.375em;
	}
	.sec1 .text p{
		font-size: 0.6875em;
		line-height: 2;
		margin: 5.5% 0 8.4%;
	}
	.sec1 .text .btn-box a{
		font-size: 0.6875em;
		width: 30%;
		height: 2.7272em;
		line-height: 2.6363em;
		border-radius: 1.3636em;
	}*/